<template>
    <img :src="imageUrl">
</template>

<script setup>
import { computed } from 'vue'
import { materialTabs } from '../../utils'
const props = defineProps({
    type: {
        type: [Number, String],
        require: true
    }
})

const imageUrl = computed(() => {
    return materialTabs.find(item => {
        return item.type === String(props.type)
    })?.icon;
})

</script>